import React from 'react';

export const BallsAddedInCart = () => {
	return (
		<>
			<div className={styles.ballsInCart}>
				<div className={styles.item}>
					<div className={styles.img_name}>
						<p className={styles.name}>{balls[0].name}</p>
						<img src={balls[0].image} width={150} height={150}/>
					</div>
					<div className={styles.price_count}>
						<p>Стоимость: {balls[0].price} р.</p>
						<p>Количество:</p>
						<div className={styles.count}>
							<button className={styles.decrement}>-</button>
							<p> {balls[0].count}</p>
							<button className={styles.increment}>+</button>
						</div>
						<Button className={styles.customButton}>Удалить</Button>
					</div>
				</div>
			</div>
			<div className={styles.total}>Блок стоимости общей цены</div>
		</>
	);
};
